<template>
  <div id="app">
    <!--    <home></home>-->
    <div id="nav">
      <router-link to="/">{{ $t('lang.nav.connection') }}</router-link>
      |
      <router-link to="/cheatsheet">{{ $t('lang.nav.cheatsheet') }}</router-link>
      |
      <router-link to="/versions">{{ $t('lang.nav.versions') }}</router-link>
      |
      <router-link to="/about">{{ $t('lang.nav.about') }}</router-link>
    </div>
    <router-view/>
  </div>
</template>

<style lang="stylus">
#app
  font-family Avenir, Helvetica, Arial, sans-serif
  -webkit-font-smoothing antialiased
  -moz-osx-font-smoothing grayscale
  text-align center
  color #2c3e50
  height 100%

#nav
  background #f3f2f1
  padding 10px 0

html
  height 100%
body
  height 100%
</style>
<script>
export default {}
</script>
